<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>

	<link media="all" rel="stylesheet" href="css/bootstrap/bootstrap.min.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/info.css" type="text/css" />

	<script src="js/jquery.js" type="text/javascript"></script>
	<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/info.js" type="text/javascript"></script>

</head>
<body>

	<div class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<div class="user" style="display:none;">
				<h3>个人信息</h3>
			</div><!-- user -->
			<div class="tech" style="display:none;">
				<ul class="nav nav-pills" id="choose" style="margin:10px 0 5px">
					<li class="active"><a href="#front">前端</a></li>
					<li><a href="#backend">后台</a></li>
				</ul>
			</div><!-- tech -->
		</div><!-- modal-header -->
		<div class="modal-body">
			<div class="user" style="display:none;">
				<div class="form-horizontal">
					<div class="control-group">
						<label class="control-label">姓名：</label>
						<div class="controls">
							<input id="username" type="TEXT" />
						</div>
					</div>
					<div class="control-group">
						<label class="control-label">手机：</label>
						<div class="controls">
							<input id="phone" type="TEXT" />
						</div>
					</div>
					<div class="control-group">
						<label class="control-label">邮箱：</label>
						<div class="controls">
							<input id="email" type="TEXT" />
						</div>
					</div>
				</div>
			</div><!-- user -->
			<div class="tech" style="display:none;">
				<div class="tab-content">
					<div class="form-horizontal tab-pane fade active in" id="front">
						<!--前端-->
						<div class="control-group">
							<label class="radio" for="HTML">
								<input type="RADIO" name="HTML" />我略懂一些html代码
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="CSS">
								<input type="RADIO" name="CSS" />我会用css让页面更加fashion
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="CSS">
								<input type="RADIO" name="CSS" />我通晓css，甚至能在伟大的IE6面前做到相同的效果
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="JS">
								<input type="RADIO" name="JS" />我能用Javascript让网页动起来
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="JS">
								<input type="RADIO" name="JS" />我接触JS已有一段时间，也会用框架开发一些成熟的页面
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="JS">
								<input type="RADIO" name="JS" />浏览器兼容性和框架都不能抵挡我手写JS的脚步了
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="IMG">
								<input type="RADIO" name="IMG" />我会P图,可以做美工<!-- 来了解一下html和css吧 -->
							</label>
						</div>
						<div class="control-group">
							<label class="checkbox" for="NONE">
								<input type="CHECKBOX" />虽然我想加入前端开发，但是我对此一无所知
							</label>
						</div>
					</div><!-- form-horizontal -->
					<!--后台-->
					<div class="form-horizontal tab-pane fade" id="backend">
						<div class="control-group">
							<label class="radio" for="SCRIPTS">
								<input type="RADIO" name="SCRIPTS" />我了解一些服务器端脚本(如php,python)
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="SCRIPTS">
								<input type="RADIO" name="SCRIPTS" />我曾用服务器端脚本写过一些页面，并对web交互流程有清晰认识
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="OS">
								<input type="RADIO" name="OS" />我对linux/unix很感兴趣，也懂一些shell脚本
							</label>
						</div>
						<div class="control-group">
							<label class="radio" for="OS">
								<input type="RADIO" name="OS" />我喜欢让程序来帮我做dirty work，用shell简化自己对linux/unix的操作。同时对linux/unix有较为深刻的了解
							</label>
						</div>
						<div class="control-group">
							<label class="checkbox" for="NONE">
								<input type="CHECKBOX" />虽然我想加入后台开发，但是我对此一无所知
							</label>
						</div>
					</div><!-- form-horizontal -->
				</div><!-- tab-content -->
			</div><!-- tech -->
		</div><!-- modal-body -->
		<div class="modal-footer">
			<div class="user" style="display:none;">
				<a href="#" class="btn btn-primary submit">提交</a>
			</div>
			<div class="tech" style="display:none;">
				<a href="#" class="btn btn-primary submit">提交</a>
			</div>
		</div><!-- modal-footer -->
	</div><!-- modal -->

</body>
</html>
